let mySwiper = new Swiper ('.banner .swiper-container', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项
    effect : 'fade',
    autoplay:true,
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    // navigation: {
    //   nextEl: '.swiper-button-next',
    //   prevEl: '.swiper-button-prev',
    // }
  })   
  
  
  $(function(){

    //  点击菜单按钮切换
    $('.hd-menu').click(function(){
      $(this).toggleClass('active');
      $('.nav').slideToggle();
      if($(this).hasClass('active')){
        $('.bd-mask').show();
      }else{
        $('.bd-mask').hide();
      }
    });

    // 遮罩层切换
    $('.bd-mask').click(function(){
      $('.hd-menu').removeClass('active');
      $('.nav').slideUp();
      $(this).hide();
    });

    // 监听页面的宽度
    $(window).resize(function(){
       if($(this).width() > 992){
         $('bd-mask').hide();
         $('nav').show();
       }else{
         
       }
    });
  });